// axios 封装
 import axios from 'axios'
import { getToken,removeToken } from './token'
import { Navigate } from 'react-router-dom'
import router from '@/router'
// 1.根域名配置

// 2.超时时间
const http = axios.create({
    baseURL: 'http://geek.itheima.net/v1_0',
  timeout: 5000 
})
// 3.请求拦截器

// 添加请求拦截器
http.interceptors.request.use((config)=> {
  const token = getToken('user_token')
  if(token) {
    config.headers.Authorization = `Bearer ${token}`
  }
    return config
  }, (error)=> {
    return Promise.reject(error)
})

// 添加响应拦截器
http.interceptors.response.use((response)=> {
      
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response.data
  }, (error)=> {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    // 监控401 token失效
    console.log(error);
    
    if(error.response.status && error.response.status === 401) {
      
      removeToken('user_token')
      removeToken('user_info')
      router.navigate()
    }
    return Promise.reject(error)
})
// 4.响应拦截器

export {http}